
*{margin: 0;padding: 0;list-style: none;text-decoration: none;color: black;text-align: center}
@font-face {font-family: "iconfont";
    src: url('font/iconfont.eot'); /* IE9*/
    src: url('font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/iconfont.woff') format('woff'), /* chrome, firefox */
    url('font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
html{font-size: 62.5%}
body{font-size: 1.6rem;border-top: 1px solid transparent;background: #65B2F6;}
header{width: 100%;height: 5rem;background: linear-gradient(-200deg, #62B7F8 40%, #2FCCB9);text-align: center;line-height: 5rem;color: #fff;position: fixed;z-index: 100}
nav{position: fixed;bottom: 0;width: 100%;height: 6rem;box-shadow: 0 -1px 20px 10px rgba(0,0,0,.1);background: #fff}
nav li {float: left;text-align: center;width: 50%;height: 100%;box-sizing: border-box;padding-top: 1rem;}
nav span,nav i{color: rgba(0,0,0,.6)}
nav i{font-size: 2rem !important;}
nav span{font-size: 1.3rem}
main{width: 100%;bottom: 6rem;overflow-y: auto;box-sizing: border-box;padding: 1.5rem;margin-top: -16.5rem;margin-bottom: 6rem}
::-webkit-scrollbar{width:0;}
.zd{height: 15rem;padding: 1.5rem 1.5rem 0 1.5rem;margin-top: 5rem;overflow: hidden;background: #fff}
.zd>div{width: auto;height: 100%;box-shadow: 0 -1px 20px 10px rgba(0,0,0,.08)}
content{display: block;width: 100%;height: 100%;}
.content-bottom-header{width: 100%;height: 3.5rem;color: #E8E8E8;background: #404040;font-size: 1.9rem;line-height: 3.5rem}
.list{background: #fff;box-sizing: border-box;padding: 1.5rem 1.5rem 1.5rem 2.5rem;text-align: left}
.list>li{text-align: left;padding-left: 1rem;position: relative}
.list a{font-size: 1.4rem}
.list i{display: inline-block;font-size: 1.4rem !important;position: absolute;left: -1rem;top: 0.4rem;color: #127ED3}
.list ul > li {  text-align: left }
.list ul >li >span{ color: #127ED3;font-weight: 600; display: inline-block;  width: 48%;  text-align: left;  }
.list ul > li input {  width: 47%;  text-align: left  }
.list ul > li select {  width: 48%;  text-align: right  }
.lists { padding: 1rem ;text-align: right}
.lists button{width: 5rem;height: 2rem;font-size: 2rem;margin-top: 1rem;}
table {  width: 100%  }
table td {  border: 1px solid black  }
wrap{display: none;box-sizing: border-box;padding:3rem 1.5rem 1.5rem 1.5rem;left: 0;  top: 5rem;  right: 0;  bottom: 6rem;  background: cornsilk;  position: fixed;  z-index: 10; }
wrap ul>li{text-align: left;padding: 0.2rem 0}
wrap ul>li span,wrap ul>li a{display: inline-block;width: 48%;text-align: left}
.qx{ font-size: 2.8rem; display: none;  width: 3rem;  height: 3rem;  background: #fffdef;color: black;  position: fixed;  right: 0;  top: 5rem;  z-index: 15;text-align: center;line-height: 3rem }
.dh{width:3rem;height: 3rem;position: absolute;right: 1rem;top:1rem;background: coral;z-index: 10}
.dhn{height: 16.4rem;position: absolute;left:0;top:0;background: cyan;z-index: 9;display: none;box-sizing: border-box;padding: 1rem}
.dhn li{width: 100%;height: 2.4rem;line-height: 2.4rem;text-align: left}
.dhn>li>ul>li{margin-left: 1rem}
.navs{background: #fff;width: 100%;height: 3.6rem;margin-top: 5rem}
.navs li{float: left;width: 25%;text-align: center;line-height: 3.6rem;font-size: 1.4rem}
.gaoliang{background: cyan}
.gaoliang a{color: #f60}
wrap tbody td{white-space :nowrap  }
wrap thead th{white-space :nowrap }
nav li:nth-child(2){display: none}
input{height: 1.8rem}